<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="fybug 的自我介绍页">
    <title>fybug</title>
</head>
<body>

<!-- 内容部分 -->
<section class="grid-y">
    <!-- 标题部分 -->
    <titl class="cell grid-x align-center lockwidth">
        <!-- 图标 -->
        <div class="cell shrink align-center grid-x">
            <img id="icon" src="../../static/img/fybugicon.jpg"
                 class="rounded cell"/>
        </div>
        <!-- 名称 -->
        <div class="cell grid-y align-center auto padding-horizontal-1 showload">
            <h3 class="margin-bottom-0">风雨bu改 <small>fybug</small></h3>
            <small class="margin-bottom-0 hide-for-medium" style="color: #bababa">welcome to fybug`s
                debug blog</small>
            <p class="margin-bottom-0 show-for-medium" style="color: #bababa">
                学来的只是使用方法，自己研究到的才是思维</p>
        </div>
        <!-- 连接 -->
        <div class="cell showload">
            <div class="margin-top-1"></div>
            <ul class="menu">
                <li><u><a href="javascript:alert('建造中')">博客</a></u></li>
                <li><u><a href="https://fybug.gitee.io/projectsby/main.html" target="_blank">开源 项目 /
                    作品 列表</a></u></li>
            </ul>
        </div>
        <!-- 欢迎语 -->
        <div class="cell grid-x align-center">
            <div class="leftload cell">
                <hr/>
            </div>
            <div class="leftload cell shrink">
                <small class="margin-bottom-0 hide-for-medium">学来的只是使用方法，自己研究到的才是思维</small>
                <p class="margin-bottom-0 show-for-medium">welcome to fybug`s debug blog</p>
            </div>
            <div class="leftload cell">
                <hr/>
            </div>
        </div>
    </titl>

    <!-- 内容部分 -->
    <section class="lockwidth cell grid-y leftload align-top padding-top-1">
        <!-- git 地址 -->
        <div class="cell" style="--lasttime:.4s">
            <div class="callout radius warning"><p><small>因为历史遗留原因项目存放在两个不同的 git 账号中</small></p>
            </div>
            <div class="taltitle">
                <p><b>开源库存放地址</b></p>
                <ul class="padding-left-1">
                    <li>
                        <p class="margin-bottom-0">Github：<u><a
                                href="https://github.com/PatternDirClean"
                                target="_blank">github:PatternDirClean</a></u></p>
                    </li>
                    <li>
                        <p class="margin-bottom-0">Gitee：<u><a
                                href="https://gitee.com/PatternDirClean" target="_blank">gitee:PatternDirClean</a></u>
                        </p>
                        <p>
                            码云政策变更，项目强制迁移到 <u><a href="https://gitee.com/fybug" target="_blank">gitee:fybug</a></u>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="taltitle">
                <p><b>个人项目存放地址</b></p>
                <ul class="padding-left-1">
                    <li><p class="margin-bottom-0">Github：<u><a href="https://github.com/fybug"
                                                                target="_blank">github:fybug</a></u>
                    </p></li>
                    <li><p class="margin-bottom-0">Gitee：<u><a href="https://gitee.com/fybug"
                                                               target="_blank">gitee:fybug</a></u>
                    </p></li>
                </ul>
            </div>
            <hr class="cell"/>
        </div>

        <!-- 个人梗概 -->
        <p class="taltitle" style="--lasttime: 1s"><b>个人梗概</b></p>
        <blockquote class="cell grid-x margin-bottom-0 radius"
                    style="--a:21, 131, 174;--lasttime: 1.2s">
            <div class="cell shrink show-for-medium-only padding-left-1"></div>
            <div class="cell auto">
                <ul>
                    <li><p id="gerengengai">毕业于东莞职业技术学院，有着坚实的计算机基础知识以及 php，java，微信小程序，h5前端
                        的开发经验。</p></li>
                    <li><p>曾于广东唐古拉文化创意有限公司负责 音领袖 App 开发。</p></li>
                    <li><p>曾于会展国际大酒店工作，主要负责：维护机房中的设备、酒店日常使用的系统、酒店的网络以及电话系统，协助引入新系统，新设备等。</p></li>
                    <li><p>曾于南北药行东莞分公司工作，主要负责：维护办公室、门店的设备、网络。东莞会员小程序开发，门店证件验收时的设备保证，医保网络调试维护，医保系统验收，医保品种维护，
                    仓库系统维护，仓库温控、监控、服务器搭建与维护。门店活动相关音频，活动物料原稿与制作</p>
                    </li>
                </ul>
            </div>
        </blockquote>
        <hr class="cell" style="--lasttime: 1.2s"/>

        <!-- 教育背景 -->
        <p class="taltitle" style="--lasttime:1.4s"><b>教育背景</b></p>
        <div class="cell grid-x margin-bottom-0 radius" style="--lasttime: 1.6s">
            <div class="cell shrink hide-for-small-only padding-left-1"></div>
            <div class="cell auto" id="jiaoyubeijin">
                <table class="hide-for-small-only">
                    <tr>
                        <td>2018~2021</td>
                        <td><b>东莞职业技术学院</b></td>
                        <td>计算机应用技术 3+2 对接</td>
                    </tr>
                    <tr>
                        <td>2017.07~2017.09</td>
                        <td><b>台湾建国科技大学</b></td>
                        <td>台湾班课程专班–智慧化行动服务</td>
                    </tr>
                    <tr>
                        <td>2015~2018</td>
                        <td><b>东莞经济贸易学院</b></td>
                        <td>计算机应用技术</td>
                    </tr>
                </table>
                <table class="show-for-small-only" style="font-size: .8rem">
                    <tr>
                        <td>2018~<br/>2021</td>
                        <td><b>东莞职业技术学院</b></td>
                        <td>计算机应用技术 3+2 对接</td>
                    </tr>
                    <tr>
                        <td>2017.07~<br/>2017.09</td>
                        <td><b>台湾建国科技大学</b></td>
                        <td>台湾班课程专班–智慧化行动服务</td>
                    </tr>
                    <tr>
                        <td>2015~<br/>2018</td>
                        <td><b>东莞经济贸易学院</b></td>
                        <td>计算机应用技术</td>
                    </tr>
                </table>
            </div>
        </div>
        <hr class="cell" style="--lasttime: 1.6s"/>

        <!-- 专业技能 -->
        <h4 class="taltitle" style="--lasttime:1.8s">专业技能</h4>
        <div class="cell margin-bottom-0" style="--lasttime: 2s">
            <div class="margin-left-1">
                <h5>编程语言</h5>
                <ul class="margin-left-2">
                    <li>JavaScript ES5，JavaScript ES6，HTML5，CSS3</li>
                    <li>Java，PHP</li>
                    <li>微信小程序</li>
                </ul>
            </div>
            <div class="margin-left-1">
                <h5>框架/库</h5>
                <div class="margin-left-1">
                    <div>
                        <h6>后台</h6>
                        <ul class="margin-left-2">
                            <li>Java：SpringBoot，Netty</li>
                            <li>Node.js</li>
                        </ul>
                    </div>
                    <div>
                        <h6>前端</h6>
                        <ul class="margin-left-2">
                            <li>Foundation，JQuery</li>
                            <li>Webpack</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="margin-left-1">
                <h5>其他</h5>
                <ul class="margin-left-2">
                    <li>Git，Github，gitee（码云）</li>
                    <li>Mysql，SQLite，Microsoft SQL Server</li>
                    <li>wps，office 办公软件</li>
                    <li>Adobe Photoshop CC 2018，基础图像处理</li>
                    <li>Adobe Prelude CC 2018，Adobe Premiere Pro CC 2018，基础视频剪辑、制作，Adobe Media
                        Encoder CC 2018
                    </li>
                </ul>
            </div>
        </div>
        <hr class="cell" style="--lasttime: 2s"/>

        <!-- 开源项目 -->
        <p class="taltitle" style="--lasttime: 2.2s"><b>当前开源项目类型有</b></p>
        <blockquote class="cell margin-bottom-0 grid-x radius" style="--lasttime: 2.4s">
            <div class="cell shrink show-for-medium-only padding-left-1"></div>
            <div class="cell auto">
                <b>前端相关</b>
                <ul class="padding-left-1">
                    <li><p>webpack 打包工具增强框架：<u><a
                            href="https://fybug.gitee.io/projectsby/PDWebpack.html"
                            target="_blank">PDWebpack</a></u></p></li>
                    <li><p>webpack 自动化开发框架：<u><a href="https://gitee.com/fybug/aout.ass"
                                                 target="_blank">aout.ass</a></u></p></li>
                </ul>
                <b>java 相关</b>
                <ul class="padding-left-1">
                    <li><p>并发锁管理工具：<u><a href="https://fybug.gitee.io/projectsby/PDConcurrent.html"
                                         target="_blank">PDConcurrent</a></u></p></li>
                    <li><p>文件监听工具库：<u><a href="https://gitee.com/PatternDirClean/PDFileWatch"
                                         target="_blank">PDFileWatch</a></u></p></li>
                    <li><p>缓存工具库：<u><a href="https://gitee.com/PatternDirClean/PDCache"
                                       target="_blank">PDCache</a></u></p></li>
                </ul>
            </div>
        </blockquote>
    </section>
</section>

<footer class="grid-y text-center align-center">
    <div class="cell grid-x grid-margin-x align-center">
        <!-- 项目位置连接 -->
        <div class="cell medium-shrink small-12 grid-y align-center">
            <h5 class="cell"><u><a
                    href="https://github.com/fybug">github</a></u>
                / <u><a
                        href="https://gitee.com/fybug">gitee</a></u> @ fybug</h5>
        </div>
        <!-- 说明 -->
        <div class="cell shrink grid-y align-center">
            <p class="cell margin-0">last update by 2024-01-15</p>
            <p class="cell margin-0">web code of the 2022</p>
        </div>
    </div>
    <hr class="cell margin-bottom-0"/>
    <h4 class="margin-top-1">使用下列项目搭建</h4>
    <div class="cell grid-x align-center text-center">
        <p class="cell large-2">Foundation v6.6.3</p>
        <p class="cell large-2">font-awesome v4.7.0</p>
        <u><a href="https://gitee.com/fybug/aout.ass" class="cell large-2">aout.ass v0.0.1</a></u>
    </div>
</footer>

</body>
</html>